<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset=utf-8 /> 
<meta name="viewport" content="width=device-width, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-webapp-status-bar-style" content="black-translucent" /> 
<title>DealsAppalooza</title> 
<link href="index.css" rel="stylesheet" type="text/css"> 
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="location.js"></script> 
</head> 
<body> 
<section id="wrapper"> 
    <header> 
      <h1>Welcome to DealsAppalooza</h1>
      <h2>To find a store near you, let us locate you or enter your zip code !</h2> 
    </header>
    <input class="locatebutton" type="button" id="locateButton" value="Locate me !" onclick="html5Locate()" style="visibility: visible;"> 
    <article> 
      	<p> <span id="status"></span></p> 
    </article>
    Or
   	<br /><input class="zipcodebutton" type="button" id="zipcodeButton" value="Enter a zipcode" onclick="zip()" style="visibility: visible;">
</section>
</body> 
</html> 
